<script setup>
import son1Com from '@/components/son1Com.vue'

import son2Com from '@/components/son2Com.vue'

import { useCounterStore } from './store/counter'
import { useChannelStore } from './store/channel'

const counterStore = useCounterStore()
const channelStore = useChannelStore()


</script>

<template>
 <div>
 <h3>APP.vue根组件 
  - {{ counterStore.count }}
- {{ counterStore. msg }}</h3> 
  <son1Com></son1Com>
  <son2Com></son2Com>
  <hr>
  <button @click="channelStore.getList">获取频道列表</button>
  <ul>
    <li v-for="item in channelStore.channelList" :key="item.id">{{ item.name}}</li>
  </ul>
  
  </div>
</template>

<style scoped>

</style>
